// 云图外层容器
.yuntu-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left top;
  overflow: hidden;
}

// 1920 * 1080
.yuntu-1920-1080 {
  width: 1920px;
  height: 1080px;
}

// 3840 * 1080
.yuntu-3840-1080 {
  width: 3840px;
  height: 1080px;
}

// module-left
.module-left {
  position: absolute;
  left: 10px;
  width: $moduleWidth;
  height: 100%;
  background: linear-gradient(to right, #071e26, #071e26);
  animation: fly-left 0.5s linear;
}
// module-middle
.module-middle {
  position: absolute;
  left: $moduleWidth + 10px;
  right: $moduleWidth + 10px;
  height: 100%;
}

// module-right
.module-right {
  position: absolute;
  right: 10px;
  width: $moduleWidth;
  height: 100%;
  background: linear-gradient(to left, #071e26, #071e26);
  animation: fly-right 0.5s linear;
}
